<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in getLunbotuList" :key="item.img">
                <img :src="item.img" :class="{full: isfull}"/>
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    props: ['getLunbotuList','isfull']
}
</script>
<style lang="scss" scoped>
    .mint-swipe{
        height: 200px;
        .mint-swipe-item{
            &:nth-child(1){
                background: #ff6600;
            }
            &:nth-child(2){
                background: #ffff00;
            }
            &:nth-child(3){
                background: #303ac4;
            }
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    .mui-grid-view.mui-grid-9{
        background: #fff;
        border: none;
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell{
        border: 0;
        img{
            width: 50%;
            height: 50%;
        }
        .mui-media-body{
            font-size: 13px;
        }
    }
    .full{
        width: 100%；
    }
</style>
